<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery.js"></script>
    <script src="template-web.js"></script>
</head>
<body>
<div class="container"></div>

<script type="text/html" id="tpl-user">
    <h1>{{name}}</h1>
</script>

<script>
  var data = {name: 'zs'}

  let htmlStr = template('tpl-user',data)
  $('.container').html(htmlStr)
</script>
<table class="table table-hover table-bordered ">
    <thead>
    <tr class="table table-hover">
        <th>11</th>
    </tr>
    </thead>
    <tbody>
    <tr class="table table-hover">
        <td>11</td>
    </tr>
    </tbody>
</table>

</body>
</html>
